﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <title>Cricket | Login Page</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="css/style-metro.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/style-responsive.css" rel="stylesheet" type="text/css" />
    <link href="css/default.css" rel="stylesheet" type="text/css" id="style_color" />
    <link href="css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/select2_metro.css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="css/login.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<body class="login">
    <!-- BEGIN LOGO -->
    <div class="logo" style="width: 100px !important;">
        <img src="images/logo.png" alt="" />
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content">
        <!-- BEGIN LOGIN FORM -->
        <form id="frmLogin" runat="server">
        <div class="form-vertical login-form">
            <h3 class="form-title">
                Login to your account</h3>
            <div class="alert alert-error hide">
                <button class="close" data-dismiss="alert">
                </button>
                <span>Enter any username and password.</span>
            </div>
            <asp:Panel ID="Panel1" runat="server" DefaultButton="btnSubmit">
                <div class="control-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">
                        Username</label>
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-user"></i>
                            <asp:TextBox ID="txtUsername" runat="server" autocomplete="off" placeholder="Username"
                                CssClass="m-wrap placeholder-no-fix"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="rfvFN" runat="server" ErrorMessage="Please enter username"
                                CssClass="required" ControlToValidate="txtUsername" ValidationGroup="Login" Display="Dynamic"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label visible-ie8 visible-ie9">
                        Password</label>
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-lock"></i>
                            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" autocomplete="off"
                                placeholder="Password" CssClass="m-wrap placeholder-no-fix"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter password"
                                CssClass="required" ControlToValidate="txtPassword" ValidationGroup="Login" Display="Dynamic"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label visible-ie8 visible-ie9">
                        Password</label>
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-lock"></i>
                            <asp:TextBox ID="txtRetypePassword" runat="server" TextMode="Password" autocomplete="off"
                                placeholder="Confirm Password" name="confirmpassword" CssClass="m-wrap placeholder-no-fix"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Please enter confirm password"
                                CssClass="required" ControlToValidate="txtRetypePassword" ValidationGroup="Login"
                                Display="Dynamic"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                </div>
               
            </asp:Panel>
            <div class="form-actions">
                <%-- <label class="checkbox">
                    <input type="checkbox" name="remember" value="1" />
                    Remember me
                </label>--%>
                <asp:Button ID="btnSubmit" runat="server" Text="Login" CssClass="btn blue pull-right"
                    ValidationGroup="Login" OnClick="btnSubmit_Click" />
            </div>
            <%--<div class="forget-password">
                <h4>
                    Forgot your password ?</h4>
                <p>
                    no worries, click <a href="javascript:;" id="forget-password">here</a> to reset
                    your password.
                </p>
            </div>--%>
            <div class="create-account" style="display: none;">
                <p>
                    Don't have an account yet ?&nbsp; <a href="javascript:;" id="register-btn">Create an
                        account</a>
                </p>
            </div>
        </div>
        <%--</form>--%>
        <!-- END LOGIN FORM -->
        <!-- BEGIN FORGOT PASSWORD FORM -->
        <%--<form class="form-vertical forget-form" runat="server">--%>
        <div class="form-vertical forget-form">
            <h3>
                Forget Password ?</h3>
            <p>
                Enter your e-mail address below to reset your password.</p>
            <div class="control-group">
                <div class="controls">
                    <div class="input-icon left">
                        <i class="icon-envelope"></i>
                        <%--<input class="m-wrap placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="email" />--%>
                        <asp:TextBox ID="email" runat="server" CssClass="m-wrap placeholder-no-fix" autocomplete="off"
                            placeholder="Email"></asp:TextBox>
                    </div>
                </div>
            </div>
            <div class="form-actions">
                <button type="button" id="back-btn" class="btn">
                    <i class="m-icon-swapleft"></i>Back
                </button>
                <asp:Button ID="btnForgotPassword" runat="server" Text="Submit" CssClass="btn red pull-right" />
            </div>
        </div>
        <div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2"
            aria-hidden="true" style="top: 30%; opacity: 1.5;">
            <div class="modal-header">
                <h3 id="myModalLabel2">
                    Select Rate
                </h3>
            </div>
            <div class="modal-body">
                <div class="row-fluid">
                    <div class="span3">
                        <div class="control-group">
                            <label for="selectstore" class="control-label">
                                Select Rate
                            </label>
                        </div>
                    </div>
                    <div class="span9">
                        <div class="control-group">
                            <asp:Button ID="btnSuperAdmin" runat="server" Text="Super Admin" CssClass="btn red" />
                            <br />
                            <br />
                            <asp:Button ID="btnAdmin" runat="server" Text="Admin" CssClass="btn red" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input id="btnGo" type="button" value="Go" class="btn red" onclick="SelectRate()" />
            </div>
        </div>
        <div class="modal-backdrop hide">
        </div>
        </form>
        <!-- END FORGOT PASSWORD FORM -->
    </div>
    <!-- END LOGIN -->
    <!-- BEGIN COPYRIGHT -->
    <%--<div class="copyright">
        2014 &copy; 
    </div>--%>
    <!-- END COPYRIGHT -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
    <script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
	<script src="js/excanvas.min.js"></script>
	<script src="js/respond.min.js"></script>  
	<![endif]-->
    <script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="js/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="js/jquery.uniform.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="js/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/select2.min.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="js/app.js" type="text/javascript"></script>
    <%--<script src="js/login.js" type="text/javascript"></script>--%>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script type="text/javascript" language="javascript">
        jQuery(document).ready(function () {
            App.init();


        });

        function BindPopup() {
            alert('Hello');
            $("#myModal2").show();
            $('.modal-backdrop').show();
        }
        function checkLogin(evt) {
            if (evt.which || evt.keyCode) {
                if ((evt.which == 13) || (evt.keyCode == 13)) {
                    $("#btnSubmit").click();
                }
            }
        }
    </script>
    <!-- END JAVASCRIPTS -->
</body>
</html>
